<template>
  <div id="login">
    <login-tab :state="state" @click.native="changeState"></login-tab>
    <login-form :state="state"></login-form>
  </div>
</template>
<script>
import LoginTab from "@/components/common/login/LoginTab.vue";
import LoginForm from "@/components/common/login/LoginForm.vue";
export default {
  data() {
    return {
      state: true
    };
  },
  components: {
    LoginTab,
    LoginForm,
  },
  methods: {
    changeState() {
      this.state = !this.state;
    }
  }
};
</script>
<style scoped>
#login {
  font-size: 0.68rem;
  background-color: rgba(245, 243, 243, 0.925);
  height: 100%; 
  min-height: 100vh;
}
 .home-nav{
    background-color: #d4237a;
    color: #fff;
  }
</style>
